<template>
    <!-- template/empty.wxml -->
    <view class="content" :style="'margin-top:' + marTop">
        <image :src="emptyImage"></image>
        <text>{{ emptyText }}</text>
    </view>
</template>

<script>
// template/empty.js
export default {
    data() {
        return {
            marTop: ''
        };
    },
    options: {
        multipleSlots: true // 在组件定义时的选项中启用多slot支持
    },
    /**
     * 组件的属性列表
     */
    props: {
        emptyImage: {
            type: String,
            default: '/static/images/empty@2x.png'
        },
        emptyText: {
            type: String,
            default: '暂无数据'
        }
    },
    /**
     * 组件的方法列表
     */
    methods: {},
    created: function () {}
};
</script>
<style>
/* template/empty.wxss */
.content {
    width: 100%;
    /* height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    margin: 40rpx auto;
    padding-bottom: 30rpx;
}
.content image {
    width: 380rpx;
    height: 240rpx;
    margin-bottom: 20rpx;
}
.content text {
    font-size: 28rpx;
    color: #999999;
}
</style>
